<template>
  <div class="head">
    <div class="title">
      <span class="text">员工资料></span>
      <span class="text text1">新增员工</span>
    </div>
    <div class="title1">
      <div class="text">基础信息</div>
      <div class="text">实名制</div>
      <div class="text">企业信息</div>
      <div class="text">外部推送信息</div>
    </div>
    <div class="title3">基础信息</div>
    <el-row>
      <el-col :span="24">
        <div class="title4">
          <el-form ref="form" :model="form" label-width="80px">
            <div class="from" style="justify-content: space-between;flex-wrap: wrap;width: 1174px;">
              <el-form-item label="展示名称">
                <el-input v-model="form.name" class="input" placeholder="请输入" />
              </el-form-item>
              <el-form-item label="岗位">
                <el-select v-model="form.region" class="input" placeholder="请选择">
                  <el-option label="区域一" value="shanghai" />
                  <el-option label="区域二" value="beijing" />
                </el-select>
              </el-form-item>
              <el-form-item label="归属网点">
                <el-select v-model="form.region" class="input" placeholder="请选择">
                  <el-option label="区域一" value="shanghai" />
                  <el-option label="区域二" value="beijing" />
                </el-select>
              </el-form-item>
            </div>
            <div class="from" style="justify-content: space-between;flex-wrap: wrap;width: 1582px;">
              <el-form-item label="员工编号">
                <el-input v-model="form.name" class="input" placeholder="请输入" />
              </el-form-item>
              <el-form-item label="配置名称">
                <el-input v-model="form.name" class="input" placeholder="请输入" />
              </el-form-item>
              <el-form-item label="系统密码">
                <el-select v-model="form.region" class="input" placeholder="请选择">
                  <el-option label="区域一" value="shanghai" />
                  <el-option label="区域二" value="beijing" />
                </el-select>
              </el-form-item>
              <el-form-item label="巴枪密码">
                <el-select v-model="form.region" class="input" placeholder="请选择">
                  <el-option label="区域一" value="shanghai" />
                  <el-option label="区域二" value="beijing" />
                </el-select>
              </el-form-item>
            </div>
            <div class="from" style="justify-content: space-between;flex-wrap: wrap;width: 772px;">
              <el-form-item label="外网展示">
                <el-select v-model="form.region" class="input" placeholder="请选择">
                  <el-option label="区域一" value="shanghai" />
                  <el-option label="区域二" value="beijing" />
                </el-select>
              </el-form-item>
              <el-form-item label="菜鸟所属职能" label-width="100px">
                <el-select v-model="form.region" class="input" placeholder="请选择">
                  <el-option label="区域一" value="shanghai" />
                  <el-option label="区域二" value="beijing" />
                </el-select>
              </el-form-item>
            </div>
          </el-form>
        </div>
      </el-col>
    </el-row>
    <div class="title3" style="margin-top:0;">实名制</div>
    <el-row>
      <el-col :span="24">
        <div class="title4">
          <div class="title5">
            <img class="img" src="@/static/image/tishic.png">
            <div class="text">结算主体与结算对象的关系是唯一的，请勿重复创建; 若搜索不到主体与对象，可至员工资料新增</div>
          </div>
          <el-form ref="form" style="margin-top:30px" :model="form" label-width="80px">
            <div class="from" style="justify-content: space-between;flex-wrap: wrap;width: 1574px;">
              <el-form-item label="证件姓名">
                <el-input v-model="form.name" class="input" placeholder="请输入" />
              </el-form-item>
              <el-form-item label="身份证">
                <el-input v-model="form.name" class="input" placeholder="请输入" />
              </el-form-item>
              <el-form-item label="性别">
                <el-select v-model="form.region" class="input" placeholder="请选择">
                  <el-option label="区域一" value="shanghai" />
                  <el-option label="区域二" value="beijing" />
                </el-select>
              </el-form-item>
              <el-form-item label="收件">
                <el-input v-model="form.name" class="input" placeholder="请输入" />
              </el-form-item>
            </div>
            <div class="from" style="justify-content: space-between;flex-wrap: wrap;width: 768px;">
              <el-form-item label="手机号展示" label-width="85px">
                <el-radio-group v-model="form.resource">
                  <el-radio label="展示" />
                  <el-radio label="不展示" />
                </el-radio-group>
              </el-form-item>
              <el-form-item label="电话">
                <el-input v-model="form.name" class="input" placeholder="请输入" />
              </el-form-item>
            </div>
          </el-form>
        </div>
      </el-col>
    </el-row>
    <div class="title3" style="margin-top:0;">业务信息</div>
    <el-row>
      <el-col :span="24">
        <div class="title4">
          <el-form ref="form" :model="form" label-width="80px">
            <div class="from" style="justify-content: space-between;flex-wrap: wrap;width: 1574px;">
              <el-form-item label="业务开展区域" label-width="100px">
                <el-select v-model="form.region" class="input" placeholder="请选择">
                  <el-option label="区域一" value="shanghai" />
                  <el-option label="区域二" value="beijing" />
                </el-select>
              </el-form-item>
              <el-form-item label="三段码">
                <el-input v-model="form.name" class="input" placeholder="请输入" />
              </el-form-item>
              <el-form-item label="派件区域三段码" label-width="110px">
                <el-input v-model="form.name" class="input" placeholder="请输入" />
              </el-form-item>
              <el-form-item label="收件">
                <el-select v-model="form.region" class="input" placeholder="请选择">
                  <el-option label="区域一" value="shanghai" />
                  <el-option label="区域二" value="beijing" />
                </el-select>
              </el-form-item>
            </div>
            <div class="from" style="justify-content: space-between;flex-wrap: wrap;width: 1576px;">
              <el-form-item label="派件" label-width="100px">
                <el-select v-model="form.region" class="input" placeholder="请选择">
                  <el-option label="区域一" value="shanghai" />
                  <el-option label="区域二" value="beijing" />
                </el-select>
              </el-form-item>
              <el-form-item label="网络接单">
                <el-select v-model="form.region" class="input" placeholder="请选择">
                  <el-option label="区域一" value="shanghai" />
                  <el-option label="区域二" value="beijing" />
                </el-select>
              </el-form-item>
              <el-form-item label="订单转发" label-width="110px">
                <el-input v-model="form.name" class="input" placeholder="请输入" />
              </el-form-item>
              <el-form-item label="收件区域">
                <el-input v-model="form.name" class="input" placeholder="请输入" />
              </el-form-item>
            </div>
            <div class="from" style="justify-content: space-between;flex-wrap: wrap;width: 1578px;">
              <el-form-item label="派件去域" label-width="100px">
                <el-input v-model="form.name" class="input" placeholder="请输入" />
              </el-form-item>
              <el-form-item label="备注">
                <el-input v-model="form.name" style="width: 1090px;" class="input" placeholder="请输入" />
              </el-form-item>
            </div>
          </el-form>
        </div>
      </el-col>
    </el-row>
    <div class="title3" style="margin-top:0;">实名制</div>
    <el-row>
      <el-col :span="24">
        <div class="title4">
          <el-form ref="form" :model="form" label-width="80px">
            <div class="from">
              <el-form-item label="绑定平台">
                <el-radio-group v-model="form.resource">
                  <el-radio label="全部" />
                  <el-radio label="菜鸟天地" />
                  <el-radio label="钉钉" />
                </el-radio-group>
              </el-form-item>
            </div>
          </el-form>
        </div>
      </el-col>
    </el-row>
    <div class="title6">
      <button class="bt" style="margin-right:20px;" @click="Cancel">取消</button>
      <button class="bt bt1">提交</button>
    </div>
  </div>
</template>

<script>
export default {

  components: {},
  data() {
    return {
      form: {
        name: '',
        region: '',
        date1: '',
        date2: '',
        delivery: false,
        type: [],
        resource: '',
        desc: ''
      }
    }
  },

  computed: {},

  created() {},

  methods: {
    Cancel() {
      this.$emit('bt', '1')
    }
  }
}

</script>
<style  scoped lang="scss">
.head{
  background: #F5F5F5;
}
.title{
  margin-left:30px;
  .text{
    font-size: 18px;
font-family: Source Han Sans CN;
font-weight: 400;
color: #666666;
  }
  .text1{
    font-weight:600;
  }
}
.title1{
  height: 64px;
background: #E7F3FB;
border-radius: 8px;
display:flex;
line-height:64px;
margin-top:19px;
.text{
  font-size: 18px;
font-family: Source Han Sans CN;
font-weight: 400;
color: #666666;
margin-left:31px;
}
}
.title3{
  font-size: 20px;
font-family: Source Han Sans CN;
font-weight: 600;
color: #333333;
margin-left:30px;
margin-top:30px;
}
.title4{
  background-color:#fff;
  margin:30px;
  padding:30px 27px;
  .from{
    display:flex;
    .input{
      width: 286px;
height: 42px;
background: #FFFFFF;
border-radius: 4px;
    }
  }
}
.title5{
  height: 48px;
background: #E7F3FB;
border-radius: 4px;
display:flex;
line-height:48px;
.img{
  width:18px;
  height:18px;
  margin-top:15px;
  margin-left:20px;
}
.text{
  font-size: 16px;
font-family: Source Han Sans CN;
font-weight: 400;
color: #666666;
margin-left:12px;
}
}
.title6{
  text-align:right;
  margin-right:30px;
  height:70px;
  .bt{
    width: 80px;
height: 42px;
background: #FFFFFF;
border: 1px solid #666666;
border-radius: 4px;
  }
  .bt1{
    background: #2087D0;
    border: 1px solid #2087D0;
    color:#fff;
  }
}
</style>
